

<script setup>
import {ref, reactive} from 'vue'

const isActive = ref(true)
const hasError = ref(false)

const classObject = reactive({
    active: true,
    'text-danger': false
})
</script>

<template>
    <div :class="{ active: isActive }">11</div>

    <div
    class="static"
    :class="{ active: isActive, 'text-danger': hasError }"
    >22</div>

    <div :class="classObject"></div>
</template>

<style scoped>

</style>